@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:400;src:url('fonts/DroidKufi-Regular.eot');src:url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/DroidKufi-Regular.woff') format('woff'),url('fonts/DroidKufi-Regular.woff2') format('woff2'),url('fonts/DroidKufi-Regular.ttf') format('truetype'),url('fonts/DroidKufi-Regular.svg#Droid Arabic Kufi') format('svg')}@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:700;src:url('fonts/DroidKufi-Bold.eot');src:url('fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/DroidKufi-Bold.woff') format('woff'),url('fonts/DroidKufi-Bold.woff2') format('woff2'),url('fonts/DroidKufi-Bold.ttf') format('truetype'),url('fonts/DroidKufi-Bold.svg#Droid Arabic Kufi') format('svg')}

.clearfix{ clear:both;}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
a {
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none;
    color: inherit;
}
a:visited, a:focus {
    text-decoration: none;
    outline: none !important;
}
button:visited,button:focus{
    outline: none !important;
}
a:hover{
    text-decoration: none;
}

ul, li, ol{
    list-style:none;
    margin: 0;
    padding: 0;
}
img{
	max-width:100%;

}
:-moz-any-link:focus {
    outline: none;
}

body{ background:url(images/bg.jpg) repeat; color:#555; line-height:21px; direction:rtl; margin:0; padding:0; font-size:12px; font-family:Droid Arabic Kufi;}
.header{ background:url(images/header.jpg) repeat-x; height:275px; overflow:hidden; position:relative; margin:auto;}
.warp{ width:950px; margin:auto; overflow:hidden; position:relative;}

.logo {
    float: right;
    margin-top: 28px;
    overflow: hidden;
    position: relative;
    width: 408px;
}
.h-left{ float:left; position:relative; overflow:hidden; margin-top:25px; width:490px;}

.cap {
    color: #e9e9e9;
    font-size: 17px;
    font-weight: 700;
    margin-top: 25px;
    text-align: center;
}

.cap span {
    color: #999;
    font-size: 25px;
}
.cap p{ font-weight:400;}


.social {
    color: #fff;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 110px;
}

.wats {
    float: left;
    width: 160px;
}
.wats p {
    line-height: 18px;
    margin: 0;
    padding: 0;
	font-weight:700;
}
.wts{ background:url(images/social.png) no-repeat -120px 0; width:30px; height:30px; float:right; margin-left:5px;}
.wts:hover{ background:url(images/social-h.png) no-repeat -120px 0;}
.ins{ background:url(images/social.png) no-repeat -80px 0; width:30px; height:30px; float:right; margin-right:5px;}
.ins:hover{ background:url(images/social-h.png) no-repeat -80px 0;}
.twit{ background:url(images/social.png) no-repeat -40px 0; width:30px; height:30px; float:right; margin-right:5px;}
.twit:hover{ background:url(images/social-h.png) no-repeat -40px 0;}
.face{ background:url(images/social.png) no-repeat 0px 0; width:30px; height:30px; float:right; margin-right:5px;}
.face:hover{ background:url(images/social-h.png) no-repeat 0px 0;}
.home{ background:url(images/home.jpg) repeat-x; position:relative; overflow:hidden; margin:auto; height:329px;}
.nav{ margin:auto; text-align:center; margin-top:10px;}
.nav ul { margin:0; padding:0; list-style:none;}
.nav ul li{ display:inline-block;}
.nav ul li a {
    background: url("images/btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #515151;
    display: block;
    height: 31px;
    line-height: 30px;
    margin: 0 2px;
    width: 91px;
    font-weight: 700;
	transition:all 0.5s;
}
.nav ul li a:hover{ background: url("images/btn-h.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color:#ececec;
}
.intro{ background:url(images/intro.png) no-repeat; width:302px; margin:auto; height:260px; overflow:hidden; position:relative; margin-top:10px;}
.intro:hover{ padding-right:5px; transition:all 1s;}
.footer{ background:url(images/footer.jpg) repeat-x; position:relative; overflow:hidden; margin:auto; height:173px;}
.links{ width:380px; overflow:hidden; position:relative; margin-top:15px; float:right;}
.links ul{ margin:0; padding:0; list-style:none;}
.links ul li{ display:inline-block; float:right;}
.links ul li a{ display:inline-block; width:84px; height:29px; line-height:29px; color:#fdfdfd; background:url(images/li.png) no-repeat; margin:3px; text-align:center; transition:all 0.5s;}
.links ul li a:hover{ background:url(images/li-h.png) no-repeat; color:#676767;}

.f-logo{ background:url(images/logo2.png) no-repeat; width:317px; height:125px; margin-top:5px; float:left;}
.copy{ margin:5px auto auto; height:38px; overflow:hidden;}
.copy h3{ margin:0; padding:0; line-height:38px; color:#fff; font-weight:700; float:right;}
.copy .social{ float:left; margin-top:5px;}
.page{ min-height:183px; overflow:hidden; background:#e2e2e2; padding-bottom:15px;}
.h-page h4 {
    background: none repeat scroll 0 0 #ddd;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 7px;
	color:#0488a3;
}
.page p {
    font-size: 13px;
    text-align: justify;
}
p.tit {
    color: #0488a3;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}
.MsoNormal span {
    color: #222;
    font-size: 15px !important;
    font-weight: 400;
}
.alert {
    background: none repeat scroll 0 0 #3498db;
    color: #fff;
    font-size: 15px !important;
    font-weight: 700;
    padding: 15px;
}
fieldset { 
		margin: 0;
		padding: 0;
		border: none;
		position: relative;
	}


legend {
    color: #088199;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0 5px 15px;
}
.col1 {
    float: right;
    margin: 0 10px 0 0;
}
.control-group {
    margin-bottom: 9px;
}
.bold {
    font-weight: bold;
}


.ptitle {
    color: #444;
    display: block;
    font-size: 16px !important;
    font-weight: normal !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 10px 0;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #5c5c5c;
    font-family: Droid Arabic Kufi;
    font-size: 12px;
    padding: 10px;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eeeeee;
    border-color: #ddd;
    cursor: not-allowed;
}
.input-xlarge {
    width: 270px;
}
input, textarea, .uneditable-input {
    margin-left: 0;
}
.btn-default {
    background: none repeat scroll 0 0 #088199;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-family: Droid Arabic Kufi;
    padding: 3px 15px;
}
.btn-default:hover{ background:#4b4b4b; transition:all 1s;}

.form-box {
    float: right;
    margin: 0 0 15px 20px;
    width: 300px;
}
.form-box label {
    color: #7c7c7c;
    display: block;
    font-size: 14px !important;
    font-weight: normal !important;
    margin-bottom: 8px;
    padding: 5px 0;
}
.form-box label small {
    color: red;
}
.form-box.last {
    margin-left: 0;
}

.form-box.big {
    width: 100%;
}
.big textarea {
    width: 100%;
}
.form-box input {
    width: 90%;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}